<style>
.summary {
    text-align: center;
    font-size: 72pt;
    position: fixed;
    width: 100%;
    top: 50%;
    margin-top: -36pt;
}

.summary .badge {
    font-size: 72pt;
    border-radius: 46pt;
    padding: 12pt 12pt 12pt 12pt;
}
</style>
<div class="summary">
{% if is_clear %}
{{ _("No outages detected") }}
{% else %}
{{ summary | glyph_summary }}
{% endif %}
<div>
